<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>门禁记录</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen" />
    <script src="../lib/jquery-3.3.1.min.js" type="text/javascript" ></script>
    <script src="../lib/layui/layui.js" type="text/javascript" ></script>
    <script src="../js/cdcardpassmgr/acsRecord.js" type="text/javascript" ></script>
</head>
<body style="background-color:white;">
    <div class="layui-tab-brief" lay-filter="docDemoTabBrief">
        <div>
            <div class="layui-row">
                <div id="projectTree" class="layui-col-xs2 floor-group demo-tree demo-tree-box" style="width: 200px; height: 400px; overflow: scroll;"></div>
                <div class="layui-col-xs10">
                    <div style="margin-left:5px;margin-top:10px; height: 45px">
                        <form class="layui-form" lay-filter="serch_form">
                            <div class="layui-form-label">通行卡号:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <input class="layui-input" id="searcheCardNum" autocomplete="off"
                                       placeholder="请输入通行卡号">
                            </div>
                            <div class="layui-input-inline">车辆类型:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <select  id="searchTypeId" ></select>
                            </div>
                            <div class="layui-input-inline">车牌号:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <input class="layui-input" id="searcheCarNum" autocomplete="off"
                                       placeholder="请输入车牌号">
                            </div>
                            <div class="layui-input-inline">进出方向:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <select name="direction" id="direction" lay-filter="typeSelect">
                                    <option value="">全部</option>
                                    <option value="1">进</option>
                                    <option value="2">出</option>
                                </select>
                            </div>
                            <div class="layui-form-item" style="margin-top: 5px">
                                <label class="layui-form-label">开门时间:</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="openBeginDate" placeholder="开始时间">
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="openEndDate" placeholder="结束时间">
                                </div>
                                <div class="layui-input-inline">
                                    <button class="layui-btn" lay-submit="" lay-filter="query_record" >查询</button>
                                    <!--                <button class="layui-btn" type="button" id="syncDevice" >同步记录</button>-->
                                    <button class="layui-btn"  type="button" onclick="reload()">重置</button>
                                </div>
                            </div>
                        </form>
                        <table class="layui-hide" id="acsRecordTable" lay-filter="acsRecordTable" style="width: 100%;"></table>
                    </div>
                </div>

            </div>

        </div>
    </div>
</body>
</html>